<template>
  <div class="home">
    <!-- <div id="d">
      svg可以显示多种颜色
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-sousuo"></use>
      </svg>
      性能和兼容性比svg好
      <span class="iconfont icon-sousuo"></span>
    </div> -->

    <topNav></topNav>
    <swiperCom></swiperCom>
    <iconList></iconList>
    <musicList></musicList>
    <play-controller></play-controller>
  </div>
</template>

<script>
// @ is an alias to /src
import topNav from "@/components/topNav.vue";
import swiperCom from "@/components/swiperCom.vue";
import iconList from "@/components/iconList.vue";
import musicList from "@/components/musicList.vue";
import playController from "@/components/playController.vue";

export default {
  name: "Home",
  components: {
    topNav,
    swiperCom,
    iconList,
    musicList,
    playController,
  },

  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
</style>
